<div class="dialogs">
    <div class="no-result alert-container" ng-show="!events.length">
        <div class="alert alert-info" ng-bind="'common.No data to display'|lang"></div>
    </div>
    <div class="itemdiv dialogdiv" ng-repeat="item in events">
        <div class="user">
            <img alt="{{item.realname}}" ng-src="{{item.user_id|to_avatar_src}}">
        </div>

        <div class="body">
            <div class="time">
                <i class="icon-time"></i>
                <span class="text-success" ng-bind="item.start_at|to_date_object|date:'shortTime'"></span><br />
                <label class="text-default" ng-bind="item.end_at|to_date_object|date:'mediumDate'"></label>
            </div>

            <div class="name">
                <a href="javascript:void(0)">
                    <small ng-bind="item.department_name"></small>
                    <span ng-bind="item.realname"></span>
                </a>
            </div>
            <div class="text" ng-bind-html="item.subject"></div>
            <div class="calendar-paper">
                <span class="head">
                    <em ng-bind="item.start_at|get_date_item:'year'"></em> -
                    <em ng-bind="item.start_at|get_date_item:'month'"></em>
                </span>
                <span class="content" ng-bind="item.start_at|get_date_item:'day'"></span>
            </div>
        </div>
    </div>
</div>